/* 通过id获取dom */
function getById(id) {
    return document.querySelector(id)
}

/* 通过类名获取dom */
function getByClass(className) {
    return document.querySelectorAll(className)
}

/* dom加载完毕 */
function ready(callback) {
    //onload  表示让页面所有资源(img html css ...)加载完成   才可以执行js代码
    //DOMContentLoaded 只要DOM(html)加载完成   才可以执行js代码
    window.addEventListener('DOMContentLoaded', function () {
        callback()
    })
}
// 页面渲染
function ft(ftxt) {
    getById('#butbot').innerHTML = `
        <div id="home" class="footerBox ${ftxt == 'home' ? 'ftxt' : ''}">
        <i class="iconfont icon-shouye"></i>
            <div>首页</div>
        </div>
        <div id="exercise" class="footerBox ${ftxt == 'exercise' ? 'ftxt' : ''}">
        <i class="iconfont icon-yundong"></i>
            <div>运动</div>
        </div>
        <div id="DynamicList" class="footerBox ${ftxt == 'DynamicList' ? 'ftxt' : ''}">
        <i class="iconfont icon-quanzi"></i>
            <div>圈子</div>
        </div>
        <div id="mine" class="footerBox ${ftxt == 'mine' ? 'ftxt' : ''}">
        <i class="iconfont icon-31wode"></i>
            <div>我的</div>
        </div>
    `
    at()
}
// 跳转
function at(){
    let bot=document.querySelector('#butbot');
      bot.addEventListener('click',function(e){
        if(e.path[1].id==='home'){
          location.href='./home.html';
        }
        if(e.path[1].id==='exercise'){
          location.href='./exercise.html';
        }
        if(e.path[1].id==='DynamicList'){
          location.href='./DynamicList.html';
        }
        if(e.path[1].id==='mine'){
          location.href='./mine.html';
        }
      })
      }
// 暴露
module.exports = {
    getById,
    getByClass,
    ready,
    ready,
    ft
}
